import * as React from 'react';
import {View, StyleSheet, Image,Text} from 'react-native';
import screen from '../../utils/screen';
import Images from '../../images/images';
import TouchableView from '../../components/touchableView';


const SearchDevice  = ({close})=>{
    return (
        <View style={styles.container}>

            <TouchableView
                onPress={close}
                style={{position:'absolute',top:screen.PIXEL_30,right:screen.PIXEL_30}}>
                <Image source={Images.close} style={styles.close}/>
            </TouchableView>
        </View>
    )
}

export default SearchDevice

const styles = StyleSheet.create({
    container:{
        width:'100%',backgroundColor:'#fff',height:screen.scaleSize(718),
        borderTopLeftRadius:screen.PIXEL_40,borderTopRightRadius:screen.PIXEL_40,
        justifyContent:'center',alignItems:'center'
    },
    imageStyle:{
        width:screen.scaleSize(454),height:screen.scaleSize(454),marginTop:screen.PIXEL_50
    },
    close:{
        width:screen.PIXEL_40,height:screen.PIXEL_40
    },
})
